<template>
	<view class="links">
		<view class="link" @click="go('/pages/mine-sweeper')">扫雷</view>
		<view class="link" @click="go('/pages/puzzle')">拼图</view>
		<view class="link" @click="go('/pages/wey2048')">2048</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {};
		},
		methods: {
			go(url) {
				uni.navigateTo({
					url
				});
			},
		},
	};
</script>
<style lang="scss">
	.links {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 100%;

		.link {
			width: 300rpx;
			line-height: 60rpx;
			margin-top: 30rpx;
			font-size: 40rpx;
			text-align: center;

			&:first-of-type {
				margin-top: 0;
			}

			border-radius: 10rpx;
			border: 1rpx solid #ccc;
		}
	}
</style>
